<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <ui:decorate template="/resources/template/modelo.xhtml">
        <ui:define name="centro">
            <f:view encoding="ISO-8859-1">  
                <h:form>
                    <p:panel  header="Cadastro de Artigo: Informações Gerais" >  

                        <p:messages id="msgs"/>  

                        <h:panelGrid columns="2">   


                            <h:outputText value="Título: *" />
                            <h:inputText id="titulo" value="#{artigoBean.artigo.titulo}" required="true" label="Título" size="100"/> 
                        </h:panelGrid>
                        <h:panelGrid columns="3">
                            <h:outputText value="Periódico:" />  
                            <p:selectOneMenu label="Periódico" value="#{artigoBean.artigo.periodicoAnal.id}" effect="fade" required="true"   >
                                <f:selectItem itemLabel="Selecione" itemValue="" />
                                <f:selectItems value="#{periodicoBean.listarPeriodicos()}" var="p"  itemLabel="Periódico - #{p.titulo} - Vol: #{p.volume} - Ed: #{p.numero} - Ano: #{p.anoPublicacao} " itemValue ="#{p.id}"  />
                                <f:selectItems value="#{anaisBean.listaAnais}" var="a" itemLabel="Anal - #{a.titulo} - Ano: #{a.anoPublicacao}" itemValue="#{a.id}" />
                            </p:selectOneMenu>
                            <p:commandButton icon="ui-icon-refresh" immediate="true" ajax="false" /> 
                        </h:panelGrid>

                        <h:panelGrid columns="1">
                            <p:commandLink target="_blank" actionListener="#{periodicoBean.novoPeriodico()}"  action="/cadastros/obras/periodicos/cadastro/cadastroPeriodico"  style="margin-right:20px;" immediate="true" ajax="false" >  
                                <h:outputText value="Não encontrou o periódico?" />  
                            </p:commandLink>  
                        </h:panelGrid>
                        <h:panelGrid columns="2">   
                            <h:outputText value="Página Inicio: *"/>
                            <p:inputText value="#{artigoBean.artigo.paginaInicio}" label="Página Início" required="true"/>
                            <h:outputText value="Página Fim:"/>
                            <p:inputText value="#{artigoBean.artigo.paginaFim}" label="Página Fim" required="true" />
                            <h:outputText value="Link para acessar o Artigo:"/>
                            <p:inputText value="#{artigoBean.artigo.link}" label="Link" />

                        </h:panelGrid>
                    </p:panel> 

                    <p:panel  style="margin-bottom:10px;">  

                        <h:panelGrid columns="1">
                            <p:commandButton value="Próximo " action="/cadastros/obras/artigos/cadastro/cadastroArtigo2.xhtml"  icon="ui-icon-seek-next" ajax="false" />
                        </h:panelGrid>

                    </p:panel>

                </h:form>    
            </f:view>
        </ui:define>
    </ui:decorate>
</html>